<template>
    <div class="container" :style="getWidth">
        <slot name="obj">
            <div>我是默认展示内容</div>
        </slot>
    </div>
</template>

<script setup lang="ts">
import { computed,defineProps } from 'vue';
const props = defineProps({
    height:{
        type:Number,
        default: 120,
    }
})
const getWidth = computed( () => {
    return {
        'height':props.height + 'px'
    }
})

</script>

<style lang="scss" scoped>
.el-card{
    :deep(.el-card__body){
        padding: 0;
    }
}
.container{
    padding: 20px;
    display: flex;
    flex-direction:column ;
    flex-wrap:wrap;
    text-align: left;
}
</style>